<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		input{
			width: 200px;
			height: 100px;
			font-size: 20px;
		}
		button{
			width: 100px;
			height: 100px;
			font-size: 20px;
		}
		.jisuanqi{
			width: 900px;
			height: 500px;
			margin:100px auto;
			text-align: center;
		}
		#pingmu{
			width: 200px;
			height: 200px;
			border: 1px solid #ccc;
			margin-top: 20px;
			text-align: center;
			margin: 0 auto;
			line-height: 200px;
			font-size: 30px;
		}
	</style>
</head>
<body>
	<div class="jisuanqi">
		<input type="text" id="num">	
		<button id="add">+</button>
		<button id="jian">-</button>
		<button id="cheng">*</button>
		<button id="chu">/</button>
		<button id="clear">/C</button>
		<p>结果为↓</p>
		<div id="pingmu"></div>
	</div>
	<script>
		function v(e){
			return document.getElementById(e);
		}
		var nums=0;
		var shu=0;
		v("pingmu").innerHTML=nums;
		v("add").onclick=function(){
			shu=v("num").value;
			nums=parseInt(nums)+parseInt(shu);
			v("num").value="";
			v("pingmu").innerHTML="<p>"+nums+"</p>";
		}
		v("jian").onclick=function(){
			shu=v("num").value;
			nums=parseInt(nums)-parseInt(shu);
			v("num").value="";
			v("pingmu").innerHTML="<p>"+nums+"</p>";
		}
		v("cheng").onclick=function(){
			shu=v("num").value;
			nums=parseInt(nums)*parseInt(shu);
			v("num").value="";
			v("pingmu").innerHTML="<p>"+nums+"</p>";
		}
		v("chu").onclick=function(){
			shu=v("num").value;
			if (parseInt(shu)!=0) {
				nums=parseInt(nums)/parseInt(shu);
				v("num").value="";
				v("pingmu").innerHTML="<p>"+nums+"</p>";
			}else{
				alert("除数不可为0！");
				v("num").value="";
			}
		}
		v("clear").onclick=function(){
			alert("当前计算结果为："+nums+"                                                                            "+"请点击确定或叉重置计算器");
			nums=0;
			v("pingmu").innerHTML=nums;
		}
		// v("dengyu").onclick=function(){
		// 	num2=v("num").value;
		// 	var n1=parseInt(num1);
		// 	var n2=parseInt(num2);
		// 	switch (xinhao){
		// 		case 1:
		// 			alert(n1+n2);
		// 		break;
		// 		case 2:
		// 			alert(n1-n2);
		// 		break;
		// 		case 3:
		// 			alert(n1*n2);
		// 		break;
		// 		case 4:
		// 			alert(n1/n2);
		// 		break;
		// 		default:
		// 			alert("请重试！");
		// 	}
		// }
	</script>
</body>
</html>